html,
body,
div {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content:'';
    text-decoration: none;
}

a,
a:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    list-style: none;
    font-family: 'PingFangSC-Light', 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', 'Arial', 'sans-serif';
}
// 公共样式
.fl {
    float:left;
}

.fl {
    float: right;
    .button-group-item {
        padding-left: 3px;
    }
}

.clearfix{
    zoom:1;
    &::after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
}